<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">   <!--ctrl+/   注释标签-->
		<title>列标签</title>    <!-- 标题标签 -->
	</head>
	
	<body>
		<!--列表标签：无序列表，有序列表，自定义列表,表格标签-->
		<!--无序列表：ul-->
		<ul>
			<li>第一列</li>    <!--列标签-->
			<li>第二列</li>
			<li>第二列</li>
		</ul>
		<!-- 有序列表 -->
		<ol>
			<li>第一列数据</li>
			<li>第二列数据</li>
			<li>第三列数据</li>
			
		</ol>
		<!-- 自定义列表 -->
		<dl>
			<dt>服务中心</dt>
			<dd>在线客服</dd>
			<dd>售后电话</dd>
			<dd>线下门店</dd>
			
		</dl>
		<!--表格标签：table-->
		<table border="1" cellspacing="0" cellpadding="20">   <!--border:边框,
																cellspacing:单元格之间的空间距离,
																cellpadding:单元格内的填充距离（相当于文字到边框的距离）-->
			<thead>   <!--表格的头部-->
				<tr>   <!--table row:行-->
					<th>学号</th>   <!--表头-->
					<th>班级</th>
					<th>姓名</th>
				</tr>
			</thead>
			<tbody>   <!--表格的数据部分-->
				<!--第一行数据-->
				<tr>
					<td>201</td>   <!--table data数据单元格-->
					<td>计算机一班</td>
					<td>张三</td>
					
					
				</tr>
				<!--第二行数据-->
				
				<tr>
					<td>202</td>
					<td>计算机一班</td>
					<td>李四</td>
				</tr>
				
			</tbody>
		</table>
		任务一：用有序列表制作歌单，点击歌曲名字跳转到播放页面，
		任务二：实现小米官网首页最末尾的“选购手机，电视和平板“的效果，点击要在新的窗口打开页面
		
		
		
		
	</body>
</html>